<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>注册</title>
		<!-- 注释css引入部分 -->
		<!--引入重置样式表 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 引入常态化样式 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 引入公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 引入常态样式 -->
		<link rel="stylesheet" href="../css/register.css" />
	</head>

	<body>
		<header>
			<div class="container">
				<img src="../imgs/new-logo-white2.png" alt="" />
				<p>已有源码账号,<a href="../html/login.html">立即登录</a></p>
			</div>
		</header>
		<main>
			<div class="container">
				<form action="#">
					<h1>欢迎注册</h1>
					<h2>百款接口免费试用</h2>
					<p class="mt-30">
						<i></i>
						<span>注册立即送300元大礼包</span>
					</p>
					<p>
						<input
							class="text"
							id="userName"
							type="text"
							placeholder="用户名（6~20位字母数字）"
						/>
						<span style="color: red"></span>
					</p>
					<p>
						<input
							class="text"
							id="telNum"
							type="text"
							placeholder="请输入手机号码"
						/>
						<span style="color: red"></span>
					</p>
					<p class="rel">
						<input
							class="text"
							id="code"
							type="text"
							placeholder="请输入手机短信验证码"
						/>
						<span style="color: red"></span>
						<span id="codebtn">获取验证码</span>
					</p>
					<p>
						<input
							class="text"
							id="passWord"
							type="password"
							placeholder="请输入6至12位的密码"
						/>
						<span style="color: red"></span>
					</p>
					<p>
						<input class="checkbox" type="checkbox" /> 我已阅读并接受
						<a href="#">《源码用户服务协议》</a>
						<a href="#">《源码隐私政策》</a>
					</p>
					<p><button id="reBtn">立即注册</button></p>
				</form>
			</div>
		</main>
		<!-- 主体内容 -->
		<!-- 引入工具盒js -->
		<script src="../js/util.js"></script>
		<!-- 注释:js样式部分 -->
		<script src="../js/register.js"></script>
		<!-- 主体部分 -->
	</body>
</html>
